<template>
  <el-button class="order-icon" :icon="Edit" @click="handleEdit" />
  <el-button class="order-icon" :icon="Delete" @click="handleDelete" />
</template>

<script setup>
  const props = defineProps({
    Edit: {
      type: String,
      default: `Edit`,
    },
    Delete: {
      type: String,
      default: `Delete`,
    },
    handleEdit: {
      type: Function,
      default: () => {},
    },
    handleDelete: {
      type: Function,
      default: () => {},
    },
  })
</script>

<style lang="scss" scoped>
  .order-icon {
    left: 1014px;
    top: 0px;
    width: 2.5rem;
    height: 2.5rem;
    opacity: 1;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(215, 219, 236, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    color: rgba(30, 94, 255, 1);
  }
  .order-icon:last-child {
    margin-left: 1rem;
    margin-right: 1rem;
  }
</style>
